/*css重置*/
h2{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style: none;
	padding: 0px;
}
body{
	background: #f2f2f2;
}
a:hover{
	text-decoration: none;
}
a:focus {  outline:none;   -moz-outline:none;}
/*整体*/
.navbar{min-height: 69px;border: none;border-radius:0px;margin-bottom:0px;}
.navbar.navbar-default{background: url(../img/header_bg.png) repeat-y; background-size:100% auto; }
/*logo*/
.navbar .navbar-brand{height: auto;padding: 0px;padding-top: 14px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:15.41666666666667%;}
.navbar .navbar-brand img{width: 125px;height: 42px;float: left;}
/*导航*/
.navbar-nav{margin-top: 12px;margin-left: 80px;}
.navbar-nav > li > a{padding: 0px;width: 115px;text-align: center;line-height: 44px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{border: 1px solid #fff;background-color:transparent;color: #fff;border-radius: 22px;}
.navbar-default .navbar-nav > li > a{color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
@media (max-width: 1080px) {
	.navbar .container{width: 100%;padding-left:0px;}
	.navbar-nav > li > a{width: 90px;}
	.navbar .navbar-brand{margin-left: 15px;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
		margin-left:5%;
	}
}
@media (max-width: 768px) {
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left: 0px;}
	.navbar-nav{margin: 0px auto;margin-top: 12px;}
	.navbar-nav > li > a{width: auto;}
}
/*头部菜单按钮*/
.navbar-default .navbar-toggle{border-color: #FFF;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:transparent; }

.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}

/*banner*/
.main-banner{position:relative;}
.main-banner .banner-img{width: 100%;height: auto;}
.main-banner .banner-title{text-align: center;width: 100%;font-size: 4vw;color:#FFF;position: absolute;bottom: 22%;}
.main-banner .next-page-btn{position: absolute;bottom: 8%;border: 1px solid #FFF; color: #FFF;width: 4vw;height: 4vw;border-radius: 50%;line-height: 4vw;text-align: center;left: 50%;margin-left: -2vw;font-size: 1.3vw;}


/*内容标题*/
.content-title1{
	text-align: center;
	padding-top: 5.3vw;
	font-size: 3vw;
	line-height: 3.1vw;
}
.content-title1 .title-wrap{
	display: inline-block;
	font-weight: normal;
	text-align: center;
	overflow: hidden;
	vertical-align: bottom;
	padding-bottom: 2.8vw;
	position: relative;
}
.content-title1 .title-wrap:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 50% 50% 0px 0px;
	background: #ffffff;
	position: absolute;
	bottom: -1px;
	left: 0px;
	box-shadow: 0px 0px 0.5vw 0.5vw #e8e8e8;
}
.content-title1 .title-cn{
	color: #86c60e;
}
.content-title1 img{
	width: 2.1vw;
	height: 3.4vw;
}
.content-title1 .title-en{
	color: #999494;
	text-transform: uppercase;
}
.content-title1 .title-state{
	color: #999494;
	display: block;
	font-size: 0.75vw;
	line-height: 0.76vw;
	background: #f9f9f9;
	padding: 0px 2px;
}
/*案例推荐列表*/
.recommend .recommend-list{
	margin: 0px auto;
	padding-top: 68px;
	width: 84%;
	height: auto;
	overflow: hidden;
}
.recommend .recommend-list li{
	background: url("../img/recommend_list_bg.png") no-repeat;
	background-size: 90% auto;
	background-position: center bottom;
	height: 100%;
	position: relative;
	margin-bottom: 36px;
	animation:recommend_li_down 1s 1;
}
.recommend .recommend-list li:hover{
	animation:recommend_li_up 1s 1;
}
@keyframes recommend_li_down
{
	from {background-size: 90% auto;}
	to {background-size: 1% auto;}
}
@keyframes recommend_li_up
{
	from {background-size: 1% auto;}
	to {background-size: 90% auto;}
}
.recommend .recommend-list li:hover .recommend-box{
	top: -36px;
}
.recommend .recommend-list li:hover .recommend-box .li-btn{
	display: flex;
	align-items:center;
	justify-content: center;
}
.recommend .recommend-list li .recommend-box{
	padding: 20px 7%;
	border: 1px solid #e4e4e4;
	border-radius: 14px;
	background: #f8f8f8;
	position: relative;
	top: 0px;
	left: 0px;
	box-shadow: 2px 2px 2px #d5d5d5;
	transition: all 1s;
}
.recommend .recommend-list li .recommend-box .img-responsive{
	max-width: none;
	width: 100%;
	height: 11vw;
}
.recommend .recommend-list .recommend-box .li-btn{
	position: absolute;
	top:20px;
	left: 7%;
	width: 86%;
	height: 11vw;
	background: rgba(103,101,130,0.57);
	display: none;
}
.recommend .recommend-list .recommend-box .li-btn b{
	background: rgba(15,12,19,0.44);
	width: 7vw;
	height:  7vw;
	border-radius: 5px;
}
.recommend .recommend-list .recommend-box .li-btn i{
	background: url("../img/recommend_list_btn.png") no-repeat;
	background-size: cover;
	display: block;
	width: 70%;
	height: 70%;
	margin: 15%;
}

@media (max-width: 992px) {
	.recommend .recommend-list li .recommend-box .img-responsive,.recommend .recommend-list .recommend-box .li-btn{
		height: 15vw;
	}
	.recommend .recommend-list .recommend-box .li-btn b{
		width: 10vw;
		height: 10vw;
	}
}
@media (max-width: 768px) {
	.recommend .recommend-list li .recommend-box .img-responsive,.recommend .recommend-list .recommend-box .li-btn{
		height: 30vw;
	}
	.recommend .recommend-list .recommend-box .li-btn b{
		width: 15vw;
		height: 15vw;
	}
}
/*内容logo*/
.content-logo img{width:100%; margin:0px auto;}

/*内容serve*/
.content-serve .type{text-align:center; width:100%; margin:0px auto; color:#FFF;}
.content-serve .type .chinese{font-size:5.5vw;}
.content-serve .type .english{font-size:4.3vw;}

/*底部*/
.footer{ color:#FFF;background:#000000; padding-bottom:10px; padding-top:16px;}
.footer .footer-con{width:75%; margin:0px auto;}
.footer .footer-con .design .enter{ margin-left:100px;}
.footer .footer-con .where .ued{margin-left:66px;}
.footer .footer-con .where .china{ margin-left:30px;}
.footer .footer-con .where .mic{margin-left:36px;}